<template>
    <div class="list">
        <h2>列表子组件 - {{ data }} - {{ count }}</h2>
        <ItemCom />
    </div>
</template>

<script setup lang="ts">
import ItemCom from './ItemCom.vue';
import { inject } from 'vue';
//通过inject从上层提供方匹配注入到当前组件的数据名称（订阅者）

const data = inject("parentData")
const count = inject("count")
</script>

<style lang="less" scoped>
.list{
    width: 100%;
    height: 300px;
    background-color: aqua;
}
</style>